<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<title>朋友圈</title>
	<link rel="stylesheet" type="text/css" href="/qy/css/public.css">
	<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.8/skins/default/aliplayer-min.css" />
	<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.8/aliplayer-min.js"></script>
	<style type="text/css">
		body{
			position: relative;
		}
		.friend_contaienr{

		}
		.friend_header_contaienr{
			margin-bottom: 60px;
		}
		.friend_header_content{
			position: relative;
			height: 240px;
			width: 100%;
			
			background-size: cover;
		}

		.friend_headerHead_container{
			display: flex;
			justify-content: flex-end;
			position: absolute;
			right: 18px;
			bottom: -18px;
			z-index: 10;
		}
		.friend_headerHead_container p{
			color: #fff;
			text-shadow: 0px 0px 3px #000;
			padding-top: 5px;
			padding-right: 8px;
		}
		.friend_headerBg_content{
			width: 71px;
			height: 71px;
			border-radius: 5px;
			display: block;
		}
		.friend_headerFixed_container{
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 9;
		}
		/*上传图片*/
		.uploadImgBtn {
			opacity: 0;
		 	left: 0;
		 	right: 0;
		 	bottom: 0;
		 	top: 0;
		 	position: absolute;
		    cursor: pointer;
		    background-image:url('');
		    -webkit-background-size: cover;
		    background-size: cover;
		  }
		 
		  .uploadImgBtn .uploadImg {
		    position: absolute;
		    right: 0;
		    top:0;
		    width: 100%;
		    height: 100%;
		    opacity: 0;
		    cursor: pointer;
		  }
		  .friend_mainToday_contaienr{
		  	display: flex;
		  	padding: 0 15px 15px 15px;
		  	border-bottom: 1px solid #f5f5f5;
		  }
		  .friend_mainToday_contaienr p{
		  	font-size: 20px;
		  	font-weight: bold;
		  }
		  .friend_mainToday_content{
		  	margin-left: 15px;
		  	width: 74px;
		  	height: 74px;
		  	display: flex;
		  	justify-content: center;
		  	background: #f7f7f7;
		  	align-items: center;
		  }
		  .friend_mainToday_content svg{
			width: 30px;
			height: 30px;
		  }
		  .friend_main_content{
		  	
		  }
		  .friend_main_content h4{
		  	padding: 15px 15px;
		  	font-size: 20px;
		  	font-weight: bold;
		  }
		  .friend_main_content li{
		  	padding: 15px;
		  	display: flex;
		  	border-bottom: 1px solid #ececec;
		  }
		  .friend_mainList_headDate_content{
		  	display: flex;
		  	align-items: baseline;
		  	margin-right: 6px;
		  	width: 62px;
		  }
		  .friend_mainList_headm_content{
		  	font-size: 14px;
		  }
		  .friend_mainList_headd_content{
		  	font-size: 20px;
		  	font-weight: bold;
		  	padding-right: 2px;
		  }
		  .friend_mainList_container{
			flex: 1;
		  }
		  .friend_mainList_container h4{
			font-size: 14px;
			color: #5778b8;
			font-weight: bold;
		  }
		  .friend_mainList_container p{
			font-size: 15px;
			color: rgba(0,0,0,0.85);
			font-weight: 400;
			padding-top: 4px;
		  }
		  .friend_mainList_container pre{
		  	white-space: pre-wrap;
		  }
		  .friend_mainList_img_container{
		  	width: 170px;
		  	position: relative;
		  	padding-top: 12px;
		  }
		  .friend_mainList_img_container img{
			width: 100%;
			height: auto;
			display: block;
		  }
		  .friend_mainList_img_container svg{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 45px;
			height: 45px;
		  }
		  .friend_mainListOther_container{
			margin-top: 12px;
			display: flex;
			align-items: center;
		  }
		  .friend_mainListOther_container span{
			font-size: 12px;
			color: #b5b5b5;
		  }
		  .friend_mainListOther_container b{
			color: #5778b8;
			font-size: 12px;
			margin-left: 20px;
			cursor: pointer;
		  }
		  .friend_mainList_link_container{
			display: flex;
			align-items: center;
			width: 200px;
			background: #f6f6f6;
			padding:10px;
			margin-top: 12px;
			border-radius: 5px;
		  }
		  .friend_mainList_linkLeft_container{
			display: flex;
			flex-direction: column;
			flex: 1;
			overflow: hidden;
			height: 58px;
			justify-content: space-evenly;
		  }
		  .friend_mainList_linkLeft_container p:first-child{
			font-size: 15px;
			font-weight: bold;
			color: #242424;
			font-weight: bold;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			padding-top: 0;
		  }
		  .friend_mainList_linkLeft_container p:last-child{
			font-size: 15px;
			color: #b5b5b5;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			padding-top: 0;
		  }
		  .friend_mainList_linkRight_container{
			width: 58px;
			height: 58px;
			background: #ededed;
			border-radius: 5px;
			display: flex;
			justify-content: center;
			align-items: center;
		  }
		  .friend_mainList_linkRight_container svg{
		  	width: 28px;
		  	height: 28px;
		  }
		  .outter{
		  	width: 20px !important;

		  }
		  /*浮动弹窗*/
		  .fixed_contaienr{
			position: fixed;
			left: 0;
			right: 0;
			top:0;
			bottom: 0;
			background: rgba(0,0,0,0.2);
			z-index: 1000;
		  }
		  .fixed_content{
			background: #f7f7f7;
			position: absolute;
			bottom: 0;
			opacity: 1;
			left: 0;
			right: 0;
			transition: all .3s;
			border-radius: 3px 3px 0 0;
			overflow: hidden;
		  }
		  .fixed_acitve{
		  	bottom: 0;
		  	opacity: 1;
		  }
		  .fixed_content li{
			padding: 15px 0;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #333;
			font-size: 15px;
			border-bottom: 1px solid #ececec;
			background: #fff;
		  }
		  .fixed_content li:last-child{
		  	border-bottom: none;
		  	margin-top: 4px;
		  	border-top: 1px solid #ececec;
		  }
		  .fixed_content li a{
			font-size: 15px;
			color: #333;
			position: relative;
		  }
		  /**/
		  .confirmphotos{
		  	width: 100%;
		  	background: #FFF;
		  }
		  .confirmphotos:after{
		  	content: "";
		  	display: block;
		  	clear: both;
		  	height: 0;
		  	overflow: hidden;
		  	visibility: hidden;
		  }
		  .confirmphotos li{
		  	list-style: none;
		  	float: left;
		  	width: 27.5%;
		  	margin: 0 4% 2% 0;
		  	position:relative;
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: cover;
		  	padding: 0;
		  }
		  .confirmphotos figure{
		  	position: relative;
		  	width: 100%;
		  	height: 0;
		  	overflow: hidden;
		  	margin: 0;
		  	padding-bottom: 100%; /* 关键就在这里 */
		  	background-position: center;
		  	background-repeat: no-repeat;
		  	background-size: cover;
		  }
		  .fixed_picture_container{
		  	position: fixed;
		  	top: 0;
		  	bottom: 0;
		  	left: 0;
		  	right: 0;
		  	background: rgb(0 0 0 / 42%);
		  	display: none;
		  	justify-content: center;
		  	align-items: center;
		  	z-index: 10;
		  }
		  .fixed_picture_content{
		  	width: 100%;
		  	display: flex;
		  	align-items: center;
		  	justify-content: center;
		  }
		  .fixed_picture_content img{
		  	width: 100%;
		  	display: block;
		  	margin: 0 auto;
		  }
		  /*折叠*/
		  .a-text { 
		  	font-size: 15px;
		  	color: #3598ff;
		  	cursor: pointer;
		  }
		  .a-text:hover { 
		  	color: red;
		  }
		  .flod_firstText {
		  	font-size: 15px;
		  	color: #0a001f;
		  }
		  .fold_textStyle { 
		  	word-break:break-all;
		  	font-size: 15px;
		  	color: #0a001f;
		  	display: none;  
		  }
		  /**/
		  .friend_mainNoData_contaienr{
		  	display: flex;
		  	justify-content: center;
		  	align-items: center;
		  	flex-direction: column;
		  	padding: 50px 0;
		  }
		  .friend_mainNoData_contaienr svg{
		  	width: 120px;
		  	height: 120px;
		  }
		  .friend_mainNoData_contaienr p{
		  	color: #777;
		  	font-size: 14px;
		  	margin-top: 15px;
		  }
		    /*修改部分 添加朋友圈点赞评论功能*/
		    .friend_mainList_container{
		  	flex: 1;
		    }
		    .friend_mainListMore_container{
		    	display: flex;
		    	justify-content: space-between;
		    	align-items: center;
		    }
		    .friend_mainListMore_content{
		    	position: relative;
		    	margin-top: 12px;
		    }
		    .moreSvg{
		    	width: 18px;
		    	height: 18px;
		    	background: #f6f6f6;
		    	border-radius: 3px;
		    	padding: 0 5px;
		    	cursor: pointer;
		    }
		    .friend_mainListMore_absolutely_container{
		    	position: absolute;
		    	left: -115px;
		    	top: -7px;
		    	display: flex;
		    	align-items: center;
		    	background: #606060;
		    	padding: 5px 10px;
		    	border-radius: 3px;
		    }
		    .friend_mainListMore_absolutely_content{
		    	display: flex;
		    	cursor: pointer;
		    }
		    .friend_mainListMore_absolutely_content:first-child{
		    	padding-right: 10px;
		    }
		    .friend_mainListMore_absolutely_content svg{
		    	width: 17px;
		    	height: 17px;
		    	padding-right: 5px;
		    }
		    .friend_mainListMore_absolutely_content span{
		    	font-size: 12px;
		    	color: #fff;
		    }
		    .friend_mainListLikeAndComment_container{
		    	background: #f7f7f7;
		    	margin-top: 5px;
		    	border-radius: 2px;
		    }
		    .friend_mainListLike_container{
		    	overflow: hidden;
		    	/*border-bottom: 1px solid #dedede;*/
		    	padding: 6px 10px;
		    }
		    .friend_mainListLike_content{
		    	display: flex;
		    	align-items: center;
		    	flex-wrap: wrap;
		    	margin-right: 4px;
		    	float: left;
		    }
		    .friend_mainListLike_content svg{
		    	width: 14px;
		    	height: 14px;
		    }
		    .friend_mainListLike_content span{
		    	font-size: 12px;
		    	font-weight: bold;
		    	color: #7380a2;
		    	padding-left: 3px;
		    }
		    .friend_mainListComment_container{
		    	padding: 5px 0;
		    	cursor: pointer;
		    }
		    .friend_mainListComment_content{
		    	padding: 0px 10px;
		    	overflow: hidden;
		    }
		    .friend_mainListComment_content span{
		    	font-size: 12px;
		    	font-weight: bold;
		    	color: #7380a2;
		    	padding-right: 3px;
		    	float: left;
		    }
		    .friend_mainListComment_content p{
		    	font-size: 12px;
		    	padding-top: 0;
		    }
		    .commentFixed_container{
		    	height: 100%;
		    	position: fixed;
		    	bottom: 0;
		    	left: 0;
		    	right: 0;
		    	z-index: 9999;
		    }
		    .commentFixed_content{
		    	display: flex;
		    	align-items: center;
		    	height: 38px;
		    	background: #f7f7f7;
		    	padding: 5px 9px;
		    }
		    .commentFixed_content input{
		    	outline: none;
		    	border: none;
		    	background: #fff;
		    	flex: 1;
		    	padding: 10px;
		    	font-size: 14px;
		    	border-radius: 3px;
		    }
		    .commentFixed_content button{
		    	display: inline-block;
			    height: 38px;
			    line-height: 38px;
			    padding: 0 18px;
			    background-color: #cacaca;
			    color: #fff;
			    white-space: nowrap;
			    text-align: center;
			    font-size: 14px;
			    border: none;
			    border-radius: 2px;
			    cursor: pointer;
		    }
		    .commentFixed_hide_container{
		    	height: calc(100% - 48px);
		    }
		    .division_container{
		    	height: 1px;
		    	background: #dedede;
		    }
	</style>
</head>
<body>
	<div class="friend_contaienr">
		<div class="friend_header_contaienr">
			<!-- 背景图 -->
			<div class="friend_header_content" style="background: url({$userBackground->background?$userBackground->background:$h->import('static/img/bg.jpg')})center center /cover;">
				<div class="friend_headerHead_container">
					<p>{$qyUser->name}</p>
					<img class="friend_headerBg_content" src="{$qyUser->avatar}">
				</div>
			</div>
		</div>
		<div class="friend_main_contaienr">
			{if count($res)}
				<!-- 有数据 -->
				<ul class="friend_main_content">
					
					{loop@i $res as $r}
					<?php if(date('Y',$r->ctime) != date('Y') && !in_array(date('Y',$r->ctime),$yearArr)){?>
					<h4>
						{date('Y',$r->ctime)}年
					</h4>
					<?php $yearArr[] = date('Y',$r->ctime);}?>
					{if $r->type == 1}
					
				
					<li>
						<!--<img class="friend_mainList_head_content" src="{$qyUser->avatar}">-->
						<div class="friend_mainList_headDate_content">
							<span class="friend_mainList_headd_content">{date('d',$r->ctime)}</span>
							<span class="friend_mainList_headm_content">{date('m',$r->ctime)}月</span>
						</div>
						
						<div class="friend_mainList_container">
							<!--<h4>{$qyUser->name}</h4-->
							<pre class="p{$i} flod_firstText" style="word-break:break-all;">{$r->writing}</pre>
							<!-- <div class="friend_mainListOther_container">
								<span>{date('Y-m-d H:i:s',$r->ctime)}</span>
							</div> -->
							<!-- 修改部分 添加朋友圈点赞和评论 -->
							<div class="friend_mainListMore_container">
								<div class="friend_mainListOther_container">
									<span>{date('Y-m-d H:i:s',$r->ctime)}</span>
									<!-- <b>删除</b> -->
								</div>
								<div class="friend_mainListMore_content" >
									<svg class="moreSvg" t="1604539540063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6290" width="200" height="200"><path d="M512 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6291" fill="#808fa6"></path><path d="M224 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6292" fill="#808fa6"></path><path d="M800 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6293" fill="#808fa6"></path></svg>
									<!-- 隐藏区域 -->
									<div class="friend_mainListMore_absolutely_container" style="display: none;">
										<div class="friend_mainListMore_absolutely_content likeClick" data-zaninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540296491" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8678" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#ffffff" p-id="8679"></path></svg>
											<span>{$h->get_zan_info($r->id,$qyExter->id)['status']?'取消赞':'赞'}</span>
										</div>
										<div class="friend_mainListMore_absolutely_content commentClick content_{$r->id}" data-coninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540264976" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7846" width="200" height="200"><path d="M896 138.66666667H128c-38.4 0-64 25.6-64 64V746.66666667c0 38.4 25.6 64 64 64h128v128c83.2 0 166.4-44.8 256-128h384c38.4 0 64-25.6 64-64V202.66666667c0-38.4-25.6-64-64-64z m0 608H486.4l-19.2 19.2c-51.2 51.2-102.4 83.2-147.2 96V746.66666667H128V202.66666667h768V746.66666667z" p-id="7847" fill="#ffffff"></path><path d="M320 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7848" fill="#ffffff"></path><path d="M512 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7849" fill="#ffffff"></path><path d="M704 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7850" fill="#ffffff"></path></svg>
											<span>评论</span>
										</div>
									</div>
								</div>
							</div>
							<!-- 评论和点赞区域 -->
							{if $r->zan or $r->comment}
							<div class="friend_mainListLikeAndComment_container">
								{if $r->zan}
								<div class="friend_mainListLike_container {'mon_'.$r->id}">
									{loop $r->zan as $zan}
									<div class="friend_mainListLike_content {'mon_'.$r->id} {'et_'.$zan->external_id}">
										<svg t="1604546587309" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10955" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#7380a2" p-id="10956"></path></svg>
										<span>
											{$h->get_et_by_id($zan->external_id)['name']}
										</span>
									</div>
									{/loop}
								</div>
								{/if}
								<!-- 分割线 -->
								{if $r->zan and $r->comment}
								<div class="division_container"></div>
								{/if}
								{if $r->comment}
								<div class="friend_mainListComment_container {'container_'.$r->id}">
									{loop $r->comment as $comment}
									<div class="friend_mainListComment_content {'container_'.$r->id} con_{$comment->external_id}" data-coninfo="{$r->id.'_'.$comment->external_id}">
										{if $comment->type == 1}
										<span data-type = '1' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}:</span>
										{elseif $comment->type == 2}
										<span data-type = '2' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 3}
										<span data-type = '3' data-ower="{$comment->external_id}">{$h->get_user_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 4}
										<span data-type = '4' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_user_by_id($comment->p_external_id)['name']}:</span>
										{/if}
										<p>{$comment->content}</p>
										<!-- <p>{$comment->content} {date('Y-m-d H:i:s',$comment->ctime)}</p> -->
									</div>
									{/loop}
								</div>
								{/if}
							</div>
							{/if}
						</div>
					</li>
					{elseif $r->type == 2}
					<li>
						<!--<img class="friend_mainList_head_content" src="{$qyUser->avatar}">-->
						<div class="friend_mainList_headDate_content">
							<span class="friend_mainList_headd_content">{date('d',$r->ctime)}</span>
							<span class="friend_mainList_headm_content">{date('m',$r->ctime)}月</span>

						</div>
						<div class="friend_mainList_container">
							<!--<h4>{$qyUser->name}</h4>-->
							<pre class="p{$i} flod_firstText">{$r->writing}</pre>
							<ul class="friend_mainList_img_container confirmphotos">
								{loop $r->pics as $pic}
								<li style="border: none;">
									<figure style="background-image:url({$pic});" data-url="{$pic}"></figure>
									<!-- <img src="{$pic}"> -->
								</li>
								{/loop}
							</ul>
							<div class="friend_mainListMore_container">
								<div class="friend_mainListOther_container">
									<span>{date('Y-m-d H:i:s',$r->ctime)}</span>
								</div>
								<div class="friend_mainListMore_content" >
									<svg class="moreSvg" t="1604539540063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6290" width="200" height="200"><path d="M512 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6291" fill="#808fa6"></path><path d="M224 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6292" fill="#808fa6"></path><path d="M800 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6293" fill="#808fa6"></path></svg>
									<!-- 隐藏区域 -->
									<div class="friend_mainListMore_absolutely_container" style="display: none;">
										<div class="friend_mainListMore_absolutely_content likeClick" data-zaninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540296491" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8678" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#ffffff" p-id="8679"></path></svg>
											<span>{$h->get_zan_info($r->id,$qyExter->id)['status'] ? '取消赞' : '赞'}</span>
										</div>
										<div class="friend_mainListMore_absolutely_content commentClick content_{$r->id}" data-coninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540264976" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7846" width="200" height="200"><path d="M896 138.66666667H128c-38.4 0-64 25.6-64 64V746.66666667c0 38.4 25.6 64 64 64h128v128c83.2 0 166.4-44.8 256-128h384c38.4 0 64-25.6 64-64V202.66666667c0-38.4-25.6-64-64-64z m0 608H486.4l-19.2 19.2c-51.2 51.2-102.4 83.2-147.2 96V746.66666667H128V202.66666667h768V746.66666667z" p-id="7847" fill="#ffffff"></path><path d="M320 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7848" fill="#ffffff"></path><path d="M512 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7849" fill="#ffffff"></path><path d="M704 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7850" fill="#ffffff"></path></svg>
											<span>评论</span>
										</div>
									</div>
								</div>
							</div>
							<!-- 评论和点赞区域 -->

							{if $r->zan or $r->comment}
							<div class="friend_mainListLikeAndComment_container">
								{if $r->zan}
								<div class="friend_mainListLike_container {'mon_'.$r->id}">
									{loop $r->zan as $zan}
									<div class="friend_mainListLike_content {'mon_'.$r->id} {'et_'.$zan->external_id}">
										<svg t="1604546587309" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10955" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#7380a2" p-id="10956"></path></svg>
										<span>
											{$h->get_et_by_id($zan->external_id)['name']}
										</span>
									</div>
									{/loop}
								</div>
								{/if}
								<!-- 分割线 -->
								{if $r->zan and $r->comment}
								<div class="division_container"></div>
								{/if}
								{if $r->comment}
								<div class="friend_mainListComment_container {'container_'.$r->id}">
									{loop $r->comment as $comment}
									<div class="friend_mainListComment_content {'container_'.$r->id} con_{$comment->external_id}" data-coninfo="{$r->id.'_'.$comment->external_id}">
										{if $comment->type == 1}
										<span data-type = '1' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}:</span>
										{elseif $comment->type == 2}
										<span data-type = '2' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 3}
										<span data-type = '3' data-ower="{$comment->external_id}">{$h->get_user_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 4}
										<span data-type = '4' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_user_by_id($comment->p_external_id)['name']}:</span>
										{/if}
										<p>{$comment->content}</p>
									</div>
									{/loop}
								</div>
								{/if}
							</div>
							{/if}
						</div>
					</li>
					{elseif $r->type == 3} 
					<li>
						<!--<img class="friend_mainList_head_content" src="{$qyUser->avatar}">-->
						<div class="friend_mainList_headDate_content">
							<span class="friend_mainList_headd_content">{date('d',$r->ctime)}</span>
							<span class="friend_mainList_headm_content">{date('m',$r->ctime)}月</span>

						</div>
						<div class="friend_mainList_container">
							<!--<h4>{$qyUser->name}</h4>-->
							<pre class="p{$i} flod_firstText">{$r->writing}</pre>
							<div class="friend_mainList_img_container">
								<!-- <div class="prism-player" id="player-con{$r->id}"></div> -->
								<video width="170" height="128"src="{$r->video}" poster="{$r->pics}" controls ></video>
							</div>
							<div class="friend_mainListMore_container">
								<div class="friend_mainListOther_container">
									<span>{date('Y-m-d H:i:s',$r->ctime)}</span>
								</div>
								<div class="friend_mainListMore_content" >
									<svg class="moreSvg" t="1604539540063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6290" width="200" height="200"><path d="M512 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6291" fill="#808fa6"></path><path d="M224 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6292" fill="#808fa6"></path><path d="M800 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6293" fill="#808fa6"></path></svg>
									<!-- 隐藏区域 -->
									<div class="friend_mainListMore_absolutely_container" style="display: none;">
										<div class="friend_mainListMore_absolutely_content likeClick" data-zaninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540296491" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8678" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#ffffff" p-id="8679"></path></svg>
											<span>{$h->get_zan_info($r->id,$qyExter->id)['status'] ? '取消赞' : '赞'}</span>
										</div>
										<div class="friend_mainListMore_absolutely_content commentClick content_{$r->id}" data-coninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540264976" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7846" width="200" height="200"><path d="M896 138.66666667H128c-38.4 0-64 25.6-64 64V746.66666667c0 38.4 25.6 64 64 64h128v128c83.2 0 166.4-44.8 256-128h384c38.4 0 64-25.6 64-64V202.66666667c0-38.4-25.6-64-64-64z m0 608H486.4l-19.2 19.2c-51.2 51.2-102.4 83.2-147.2 96V746.66666667H128V202.66666667h768V746.66666667z" p-id="7847" fill="#ffffff"></path><path d="M320 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7848" fill="#ffffff"></path><path d="M512 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7849" fill="#ffffff"></path><path d="M704 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7850" fill="#ffffff"></path></svg>
											<span>评论</span>
										</div>
									</div>
								</div>
							</div>
							<!-- 评论和点赞区域 -->
							{if $r->zan or $r->comment}
							<div class="friend_mainListLikeAndComment_container">
								{if $r->zan}
								<div class="friend_mainListLike_container {'mon_'.$r->id}">
									{loop $r->zan as $zan}
									<div class="friend_mainListLike_content {'mon_'.$r->id} {'et_'.$zan->external_id}">
										<svg t="1604546587309" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10955" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#7380a2" p-id="10956"></path></svg>
										<span>
											{$h->get_et_by_id($zan->external_id)['name']}
										</span>
									</div>
									{/loop}
								</div>
								{/if}
								<!-- 分割线 -->
								{if $r->zan and $r->comment}
								<div class="division_container"></div>
								{/if}
								{if $r->comment}
								<div class="friend_mainListComment_container {'container_'.$r->id}">
									{loop $r->comment as $comment}
									<div class="friend_mainListComment_content {'container_'.$r->id} con_{$comment->external_id}" data-coninfo="{$r->id.'_'.$comment->external_id}">
										{if $comment->type == 1}
										<span data-type = '1' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}:</span>
										{elseif $comment->type == 2}
										<span data-type = '2' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 3}
										<span data-type = '3' data-ower="{$comment->external_id}">{$h->get_user_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 4}
										<span data-type = '4' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_user_by_id($comment->p_external_id)['name']}:</span>
										{/if}
										<p>{$comment->content}</p>
										<!-- <p>{$comment->content} {date('Y-m-d H:i:s',$comment->ctime)}</p> -->
									</div>
									{/loop}
								</div>
								{/if}
							</div>
							{/if}
						</div>
					</li>

					{elseif $r->type == 4}
					<li>
						<!--<img class="friend_mainList_head_content" src="{$qyUser->avatar}">-->
						<div class="friend_mainList_headDate_content">
							<span class="friend_mainList_headd_content">{date('d',$r->ctime)}</span>
							<span class="friend_mainList_headm_content">{date('m',$r->ctime)}月</span>

						</div>
						<div class="friend_mainList_container">
							<!--<h4>{$qyUser->name}</h4>-->
							<pre class="p{$i} flod_firstText">{$r->writing}</pre>
							<a href="{$r->link_url}" class="friend_mainList_link_container">
								<div class="friend_mainList_linkLeft_container">
									<!--<p>链接标题</p>-->
									<p>{$r->link_url}</p>
								</div>
								<div class="friend_mainList_linkRight_container">
									<svg t="1596005825546" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2547"><path d="M607.934444 417.856853c-6.179746-6.1777-12.766768-11.746532-19.554358-16.910135l-0.01228 0.011256c-6.986111-6.719028-16.47216-10.857279-26.930349-10.857279-21.464871 0-38.864146 17.400299-38.864146 38.864146 0 9.497305 3.411703 18.196431 9.071609 24.947182l-0.001023 0c0.001023 0.001023 0.00307 0.00307 0.005117 0.004093 2.718925 3.242857 5.953595 6.03853 9.585309 8.251941 3.664459 3.021823 7.261381 5.997598 10.624988 9.361205l3.203972 3.204995c40.279379 40.229237 28.254507 109.539812-12.024871 149.820214L371.157763 796.383956c-40.278355 40.229237-105.761766 40.229237-146.042167 0l-3.229554-3.231601c-40.281425-40.278355-40.281425-105.809861 0-145.991002l75.93546-75.909877c9.742898-7.733125 15.997346-19.668968 15.997346-33.072233 0-23.312962-18.898419-42.211381-42.211381-42.211381-8.797363 0-16.963347 2.693342-23.725354 7.297197-0.021489-0.045025-0.044002-0.088004-0.066515-0.134053l-0.809435 0.757247c-2.989077 2.148943-5.691629 4.669346-8.025791 7.510044l-78.913281 73.841775c-74.178443 74.229608-74.178443 195.632609 0 269.758863l3.203972 3.202948c74.178443 74.127278 195.529255 74.127278 269.707698 0l171.829484-171.880649c74.076112-74.17435 80.357166-191.184297 6.282077-265.311575L607.934444 417.856853z" p-id="2548"></path><path d="M855.61957 165.804257l-3.203972-3.203972c-74.17742-74.178443-195.528232-74.178443-269.706675 0L410.87944 334.479911c-74.178443 74.178443-78.263481 181.296089-4.085038 255.522628l3.152806 3.104711c3.368724 3.367701 6.865361 6.54302 10.434653 9.588379 2.583848 2.885723 5.618974 5.355985 8.992815 7.309476 0.025583 0.020466 0.052189 0.041956 0.077771 0.062422l0.011256-0.010233c5.377474 3.092431 11.608386 4.870938 18.257829 4.870938 20.263509 0 36.68962-16.428158 36.68962-36.68962 0-5.719258-1.309832-11.132548-3.645017-15.95846l0 0c-4.850471-10.891048-13.930267-17.521049-20.210297-23.802102l-3.15383-3.102664c-40.278355-40.278355-24.982998-98.79612 15.295358-139.074476l171.930791-171.830507c40.179095-40.280402 105.685018-40.280402 145.965419 0l3.206018 3.152806c40.279379 40.281425 40.279379 105.838513 0 146.06775l-75.686796 75.737962c-10.296507 7.628748-16.97358 19.865443-16.97358 33.662681 0 23.12365 18.745946 41.87062 41.87062 41.87062 8.048303 0 15.563464-2.275833 21.944801-6.211469 0.048095 0.081864 0.093121 0.157589 0.141216 0.240477l1.173732-1.083681c3.616364-2.421142 6.828522-5.393847 9.529027-8.792247l79.766718-73.603345C929.798013 361.334535 929.798013 239.981676 855.61957 165.804257z" p-id="2549"></path></svg>
								</div>
							</a>
							<div class="friend_mainListOther_container">
								<span>{date('Y-m-d H:i:s',$r->ctime)}</span>
							</div>
							<div class="friend_mainListMore_container">
								<div class="friend_mainListMore_content" >
									<svg class="moreSvg" t="1604539540063" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6290" width="200" height="200"><path d="M512 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6291" fill="#808fa6"></path><path d="M224 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6292" fill="#808fa6"></path><path d="M800 492.8m-96 0a1.5 1.5 0 1 0 192 0 1.5 1.5 0 1 0-192 0Z" p-id="6293" fill="#808fa6"></path></svg>
									<!-- 隐藏区域 -->
									<div class="friend_mainListMore_absolutely_container" style="display: none;">
										<div class="friend_mainListMore_absolutely_content likeClick" data-zaninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540296491" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8678" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#ffffff" p-id="8679"></path></svg>
											<span>{$h->get_zan_info($r->id,$qyExter->id)['status'] == 1 ? '取消赞' : '赞'}</span>
										</div>
										<div class="friend_mainListMore_absolutely_content commentClick content_{$r->id}" data-coninfo="{$r->id.'_'.$qyExter->id}">
											<svg t="1604540264976" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7846" width="200" height="200"><path d="M896 138.66666667H128c-38.4 0-64 25.6-64 64V746.66666667c0 38.4 25.6 64 64 64h128v128c83.2 0 166.4-44.8 256-128h384c38.4 0 64-25.6 64-64V202.66666667c0-38.4-25.6-64-64-64z m0 608H486.4l-19.2 19.2c-51.2 51.2-102.4 83.2-147.2 96V746.66666667H128V202.66666667h768V746.66666667z" p-id="7847" fill="#ffffff"></path><path d="M320 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7848" fill="#ffffff"></path><path d="M512 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7849" fill="#ffffff"></path><path d="M704 477.86666667m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="7850" fill="#ffffff"></path></svg>
											<span>评论</span>
										</div>
									</div>
								</div>
							</div>
							<!-- 评论和点赞区域 -->
							{if $r->zan or $r->comment}
							<div class="friend_mainListLikeAndComment_container">
								{if $r->zan}
								<div class="friend_mainListLike_container {'mon_'.$r->id}">
									{loop $r->zan as $zan}
									<div class="friend_mainListLike_content {'mon_'.$r->id} {'et_'.$zan->external_id}">
										<svg t="1604546587309" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10955" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#7380a2" p-id="10956"></path></svg>
										<span>
											{$h->get_et_by_id($zan->external_id)['name']}
										</span>
									</div>
									{/loop}
								</div>
								{/if}
								<!-- 分割线 -->
								{if $r->zan and $r->comment}
								<div class="division_container"></div>
								{/if}
								{if $r->comment}
								<div class="friend_mainListComment_container {'container_'.$r->id}">
									{loop $r->comment as $comment}
									<div class="friend_mainListComment_content {'container_'.$r->id} con_{$comment->external_id}" data-coninfo="{$r->id.'_'.$comment->external_id}">
										{if $comment->type == 1}
										<span data-type = '1' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}:</span>
										{elseif $comment->type == 2}
										<span data-type = '2' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 3}
										<span data-type = '3' data-ower="{$comment->external_id}">{$h->get_user_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_et_by_id($comment->p_external_id)['name']}:</span>
										{elseif $comment->type == 4}
										<span data-type = '4' data-ower="{$comment->external_id}">{$h->get_et_by_id($comment->external_id)['name']}</span> 
										<span><p style="display:inline; color: black">回复</p>{$h->get_user_by_id($comment->p_external_id)['name']}:</span>
										{/if}
										<p>{$comment->content}</p>
									</div>
									{/loop}
								</div>
								{/if}
							</div>
							{/if}
						</div>
					</li>
					{/if}
				{/loop}
				</ul>
			{else}
				<!-- 空数据 -->
				<div class="friend_mainNoData_contaienr">
					<svg t="1602839884497" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1256" width="200" height="200"><path d="M23 82.6h61.1c4.2 0 7.6 3.4 7.6 7.6 0 4.2-3.4 7.6-7.6 7.6H23c-4.2 0-7.6-3.4-7.6-7.6 0-4.2 3.4-7.6 7.6-7.6z" fill="#FFB400" p-id="1257"></path><path d="M53.6 52c4.2 0 7.6 3.4 7.6 7.6v61.1c0 4.2-3.4 7.6-7.6 7.6-4.2 0-7.6-3.4-7.6-7.6V59.6c0-4.2 3.4-7.6 7.6-7.6z" fill="#FFB400" p-id="1258"></path><path d="M358.4 122.3l29.5 7.9c4.1 1.1 6.5 5.3 5.4 9.4-1.1 4.1-5.3 6.5-9.4 5.4l-29.5-7.9c-4.1-1.1-6.5-5.3-5.4-9.4 1.2-4.1 5.3-6.5 9.4-5.4z" fill="#043EB8" p-id="1259"></path><path d="M412.8 79.4l7.9 29.5c1.1 4.1-1.3 8.3-5.4 9.4-4.1 1.1-8.3-1.3-9.4-5.4L398 83.3c-1.1-4.1 1.3-8.3 5.4-9.4 4.1-1 8.3 1.4 9.4 5.5z" fill="#2868F0" p-id="1260"></path><path d="M477.1 105l-21.6 21.6c-3 3-7.8 3-10.8 0-3-3-3-7.8 0-10.8l21.6-21.6c3-3 7.8-3 10.8 0 3 3 3 7.8 0 10.8z" fill="#8FB3FF" p-id="1261"></path><path d="M939 119.3c-25.3 0-45.8 20.5-45.8 45.9 0 25.3 20.5 45.8 45.8 45.8s45.9-20.5 45.9-45.8c-0.1-25.4-20.6-45.9-45.9-45.9z m0 76.4c-16.9 0-30.6-13.7-30.6-30.6 0-16.9 13.7-30.6 30.6-30.6s30.6 13.7 30.6 30.6c-0.1 16.9-13.8 30.6-30.6 30.6z" fill="#FFB400" p-id="1262"></path><path d="M763.9 32L718 50.6v61.1l45.9-18.6V32z" fill="#FFB400" p-id="1263"></path><path d="M664.4 93.1l45.9 18.6V50.6L664.4 32v61.1zM763.9 25.9L714.7 6.5l-50.3 17.4 50.1 21.3 49.4-19.3z" fill="#FFD200" p-id="1264"></path><path d="M917.1 388.2l-458.5-61.1v242.3l458.5 48.1V388.2z" fill="#043EB8" p-id="1265"></path><path d="M91.8 406.4l366.8-79.3v275.1L91.8 681.5V406.4z" fill="#2868F0" p-id="1266"></path><path d="M519.7 498.1l397.4-109.9v519.6l-397.4 109.9V498.1z" fill="#043EB8" p-id="1267"></path><path d="M91.8 406.4l427.9 91.7v516.8L91.8 910.8V406.4z" fill="#2868F0" p-id="1268"></path><path d="M519.7 497.3L91.8 406.4 0.1 589.8l443.2 104.1 76.4-196.6z" fill="#8FB3FF" p-id="1269"></path><path d="M519.7 498.1l397.4-109.9 107 183.4L642 696.8 519.7 498.1z" fill="#2868F0" p-id="1270"></path><path d="M734.7 401.8s17-107.2 105.8-160.6c0 0 7.8 8.8 23.2 28.6 0 0-40.4-6.4-129 132z" fill="#8FB3FF" p-id="1271"></path><path d="M519.7 397.4s1.7-58.7 44.7-191.2c0 0 7.8 8.8 23.2 28.6 0 0-16.2 14.1-67.9 162.6z" fill="#2868F0" p-id="1272"></path><path d="M370.3 386.8s-48.4-142.2-166.9-206.4c0 0-19.8 27.7-41.5 36.5-0.1 0 136.3 47.5 208.4 169.9z" fill="#FFD200" p-id="1273"></path></svg>
					<p>还没有发过朋友圈哦</p>
				</div>
			{/if}
		</div>
	</div>
	<div class="fixed_contaienr" style="display: none;">
		<ul class="fixed_content fixed_list_content" style="display: none;">
			<li>
				<a href="#">文字</a>
			</li>
			<li>
				<a href="#">图片</a>
			</li>
			<li>
				<a href="#">视频</a>
			</li>
			<li>
				<a href="#">图文</a>
			</li>
			<li class="removeFixedContainer">取消</li>
		</ul>
		<ul class="fixed_content fixed_bg_content" style="display: none;">
			<li>
				<a href="#">
				更换背景图
				<div class="uploadImgBtn" id="uploadImgBtn">
				    <input class="uploadImg" type="file" name="file" multiple id="file">
				</div>
				</a>
			</li>
			<li class="removeFixedContainer">取消</li>
		</ul>
	</div>
	<!-- 图片浮动层 -->
	<div class="fixed_picture_container">
		<div class="fixed_picture_content">
			<img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/354de9fe1f91e77b7e65a51d979fbde5.png" id="fixed-picture">
		</div>
	</div>
	<!-- 新加评论部分 -->
	<div class="commentFixed_container" style="display: none;">
		<div class="commentFixed_hide_container">
		</div>
		<div class="commentFixed_content">
			<input type="text" id="comment_input" name="" placeholder="评论">
			<button id="comment_send">发送</button>
		</div>
		
	</div>
	<script src="/cdn/jquery.js"></script>
	<!-- 折叠文字 -->
	<script src="/layui/layui.js"></script>
    <script src="/js/ajax.js"></script>
	<script type="text/javascript">
		$(function () {
		 	var resNum = {count($res)} + 1;
		 	for(var i = 1; i < resNum; i++){
		 		text_foled('.p'+i,i, 100);
		 	}
		 });
		//$(function () {
		//    text_foled('.p1', 100);
		//});
		function text_foled(clas,i,num) {
		    var num = num;
		    var a = $("<a></a>").on('click', showText).addClass('a-text').text("【展开】");
		    var b = $("<a></a>").on('click', showText).addClass('a-text').text("【折叠】");
		    var p = $("<pre></pre>").addClass('fold_textStyle flod_text'+i);
		    var str = $(clas).text();
		    $(clas).after(p);
		    if (str.length > num) {
		        var text = str.substring(0, num) + "...";
		        $(clas).html(text).append(a);
		    }
		    $('.flod_text'+i).html(str).append(b);
		    function showText() {
		        $(this).parent().hide().siblings().show();
		    }
		}
	</script>
	<!-- 放大图片 -->
	<script type="text/javascript">
		$('.friend_mainList_img_container li figure').click(function(e){
			let path = e.currentTarget.dataset.url;
			$('#fixed-picture').attr('src',path);
			$('.fixed_picture_container').css('display','flex');
		})
		$('.fixed_picture_container').click(function(){
			$(this).css('display','none')
		})
	</script>
	<script type="text/javascript">
		$('.removeFixedContainer').click(function(e){

			$('.fixed_contaienr').hide();
			$('.fixed_bg_content').hide();
			$('.fixed_list_content').hide();
		});
		$('.publicShowFixed').click(function(e){
			console.log($(this).data("showdata"));
			if($(this).data("showdata") == "bg"){
				$('.fixed_contaienr').show();
				$('.fixed_bg_content').show();
			}else if($(this).data("showdata") == "list"){
				$('.fixed_contaienr').show();
				$('.fixed_list_content').show();
			}
			
		});

		// 点赞添加内容
		// 显示评论和 点赞
		$('.moreSvg').click(function(){
			if($(this).next().css('display') == 'flex'){
				$(this).next().hide();
			}else if($(this).next().css('display') == 'none'){
				$(this).next().css('display','flex');
			}
		})
		$('.likeClick').click(function(){
			var info = $(this).data('zaninfo');
			if($(this).find('span').text()=='取消赞'){
				changezan(info);
				$(this).find('span').text('赞');
			}else if($(this).find('span').text()=='赞'){
				changezan(info);
				$(this).find('span').text('取消赞');
			}
			$(this).parent().parent().parent().next().show();
			$(this).parent().hide();
			
		})
		$('.commentClick').click(function(){
			$('#comment_input').attr('placeholder','评论')
			let etinfo = $(this).data('coninfo');
			$('#comment_input').attr('data-type','1');
			$('#comment_input').attr('data-etinfo',etinfo);
			$('.commentFixed_container').show();
			$(this).parent().hide();
		})
		$('.commentFixed_hide_container').click(function(){
			$('#comment_input').attr('data-etinfo','');
			$('#comment_input').val('');
			$('.commentFixed_container').hide();
		})
		$(document).on('click', '.friend_mainListComment_content', function(e) {
			let etinfo = $(this).data('coninfo');
			let etinfoa = etinfo.split('_');
			let etua = $(".friend_mainListMore_absolutely_content.content_"+etinfoa[0]).data("coninfo").split('_');
			// if(){}
			let name = $(this).children("span").first().text();
			if(etua[1] == etinfoa[1] ){
				return ;
			}
			$('#comment_input').attr('data-etinfo',etinfo);
			let ctype = $(this).children("span").first().data('type');
			if(ctype == '3'){
				$('#comment_input').attr('data-type','4');
			}else{
				$('#comment_input').attr('data-type','2');
			}
			$('#comment_input').attr('placeholder', '回复'+name);
			$('.commentFixed_container').show();
		})
		$('#comment_send').click(function(){
			let val = $('#comment_input').val()
			if(val){
				let etinfo = $('#comment_input').data('etinfo').split('_');
				let type = $('#comment_input').data('type');
				let etu = $(".friend_mainListMore_absolutely_content.content_"+etinfo[0]).data("coninfo").split('_');
				let external_id = '';
				let p_external_id = '';
				if(type == '1'){
					p_external_id = '0';
					external_id = etinfo[1];
				}else{
					p_external_id = etinfo[1];
					external_id = etu[1];
				}
				myAjaxPost(false, true, "mon_comment_save.html", { moments_id:etinfo[0],external_id:external_id,content:val,type:type,p_external_id:p_external_id}, function (resp) {;
					if(resp.status == 'success'){
						$('#comment_input').val('');
						$('#comment_input').attr('data-etinfo','');
						$('.commentFixed_container').hide();
						let chtml = '';
							chtml += '<div class="friend_mainListComment_content container_'+etinfo[0]+' con_"'+etinfo[1]+'data-coninfo="'+etinfo[0]+'_'+etinfo[1]+'">';
							if(type == '1'){
								chtml += 	'<span>'+resp.data.et+'</span>';
							}else{
								chtml += 	'<span>'+resp.data.et+'</span>';
								chtml += 	'<span><p style="display:inline; color: black">回复</p>'+resp.data.pet+'</span>';
							}
							chtml += 	'<p>'+val+'</p>';
							chtml += '</div>';
						$('.friend_mainListComment_container.container_'+etinfo[0]).append(chtml);
					}
				})
			}
			return ;
		})
		$('#comment_input').bind('input propertychange',function(){
			let val = $(this).val();
			if(val){
				$('#comment_send').css('background-color',"#1E9FFF");
			}else{
				$('#comment_send').css('background-color',"#cacaca");
			}
		})
		function changezan(info){
			var info = info.split('_');
			myAjaxPost(false, true, "change_zan.html", { moments_id:info[0],external_id:info[1]}, function (resp) {
				console.log(resp);
	            if (resp.status == 'success') {
	           	    if(resp.msg == 'add'){
	           	    	let con = $(".friend_mainListLike_container.mon_"+info[0]);
	           	    	let html = '';
						html += '<div class="friend_mainListLike_content mon_'+info[0]+' et_'+info[1]+'">';
						html += '<svg t="1604546587309" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10955" width="200" height="200"><path d="M698.4 212c46.2 0 89.8 18.2 122.5 51.2 68.1 68.6 68.1 180.2 0 248.7L531 804c-6.5 6.6-13.9 8-19 8s-12.4-1.4-19-8L203.1 511.9c-68.1-68.6-68.1-180.2 0-248.7 32.8-33 76.3-51.2 122.5-51.2s89.8 18.2 122.5 51.2l63.9 64.3 63.9-64.3c32.7-33 76.3-51.2 122.5-51.2m0-90c-67.5 0-134.9 25.9-186.4 77.8-51.5-51.9-118.9-77.8-186.4-77.8s-134.9 25.9-186.4 77.8c-102.9 103.7-102.9 271.8 0 375.6l289.9 292.1C452 890.5 482 902 512 902c30 0 60-11.5 82.8-34.6l289.9-292.1c102.9-103.7 102.9-271.8 0-375.6-51.4-51.8-118.8-77.7-186.3-77.7z" fill="#7380a2" p-id="10956"></path></svg>'
						html +=	    '<span>';
						html +=			resp.data;
						html +=		'</span>';
						html +='</div>';
						con.append(html);
	           	    }else{
	           	    	let fcon =  $(".friend_mainListLike_content.mon_"+info[0]+".et_"+info[1]);
	           	    	fcon.remove();
	           	    }
	            }else{
	             	tusi(resp.msg);
	            }
          	});
		}
	</script>
	<script>
	$(function () {
        InitAliplayer();
    })
	function InitAliplayer(){
		var skinLayout = [
	    {
	      "name": "bigPlayButton",
	      "align": "blabs",
	      "x": 50,
	      "y": 30
	    },
	    {
	      "name": "H5Loading",
	      "align": "cc"
	    },
	    {
	      "name": "errorDisplay",
	      "align": "tlabs",
	      "x": 0,
	      "y": 0
	    },
	    {
	      "name": "infoDisplay"
	    },
	    {
	      "name": "tooltip",
	      "align": "blabs",
	      "x": 0,
	      "y": 56
	    },
	    {
	      "name": "thumbnail"
	    },
	    {
	      "name": "controlBar",
	      "align": "blabs",
	      "x": 0,
	      "y": 0,
	      "children": [
	        {
	          "name": "progress",
	          "align": "blabs",
	          "x": 0,
	          "y": 44
	        },
	        {
	          "name": "playButton",
	          "align": "tl",
	          "x": 15,
	          "y": 12
	        },
	        {
	          "name": "timeDisplay",
	          "align": "tl",
	          "x": 10,
	          "y": 7
	        },
	        {
	          "name": "fullScreenButton",
	          "align": "tr",
	          "x": 10,
	          "y": 12
	        },
	        {
	          "name": "volume",
	          "align": "tr",
	          "x": 5,
	          "y": 10
	        }
	      ]
	    }
	  ];
	  var videos = {json_encode($videos)}?{json_encode($videos)}:[];
	  for(var i = 0;i < videos.length;i++){
			var player = new Aliplayer({
			  "id": "player-con"+videos[i].id,
			  "source": videos[i].video,
			  "width": "170px",
			  "height": "128px",
			  "autoplay": false,
			  "isLive": false,
			  "rePlay": false,
			  "playsinline": true,
			  "preload": false,
			  "controlBarVisibility": "hover",
			  "useH5Prism": true,
			  "skinLayout": skinLayout
			}, function (player) {
				console.log("The player is created");
			  }
			);
	  }
	}	
	</script>
	<script>
		window.onload=function(){
			window.history.replaceState('', '', "entry-{\Request::get(1)}.html");
		}
	</script>
</body>
</html>